<template>
  <div class="main">
    <login-box class="login-box"></login-box>
  </div>
</template>

<script>
import LoginBox from "@/components/login_box";
export default {
  data() {
    return {};
  },
  components: {
    LoginBox,
  },
};
</script>

<style scoped>
.main {
  height: 100vh;
  width: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(250, 249, 249, 0.911);
  background-image: url("../../static/assets/login_bg.jpg");
  background-size: cover;
}
.login-box {
  height: 40%;
  width: 27%;
  /* position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); */
}
</style>